<template>
<div>

  <n-card >
    <n-image
        preview-disabled
      src="/src/assets/img/girl-1990347_1280.jpg"
    />
  </n-card>
</div>
</template>
<script setup name="HOME">
import Color from "color/index.js";
import SModal from "@/components/public/SModal/SModal.vue";
import SForm from "@/components/public/extForm/SForm.vue";
import SFormInput from "@/components/public/extForm/SFormInput.vue";

const show = ref(false);
const formRef = ref();

const color = Color("#409EFF");
const color1 = color.hsl().toString();
const color2 = color.lighten(0.2).toString()
const color3 = color.darken(0.1).toString()
const color4 = color.lightness(100).toString()
const color5 = color.grayscale().lighten(0.6).toString()
const color6 = color.negate().hsl().toString()
const color7 = color.fade(0.5).hsl().toString()
const color8 = color.opaquer(0.5).hsl().toString()
const color9 = color.rotate(290).hex().toString()
// console.log("打印",color1)
// console.log("打印2",color2)
// console.log("打印3",color3)
// console.log("打印4",color4)
// console.log("打印5",color5)
// console.log("打印6",color6)
// console.log("打印7",color7)
// console.log("打印8",color8)
// console.log("打印9",color9)

function a(){
  naive.message.info('ddd')
}

function loadRules(d){
  formRef.value?.loadRules(d)
}

function c(){
  formRef.value?.validate((errors) => {
    if (!errors) {
      naive.message.success('验证成功')
    } else {
      console.log(errors)
      naive.message.error('验证失败')
    }
  })
  // naive.message.info('ddd')
}


</script>